<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>钓鱼岛</title>
		<style >
		*{
			padding: 0;
			margin: 0;
		}
		.one{
			margin: auto;
			width: 400px;
			height: 260px;
			margin-top: 100px;
			position: relative;
		}
		 .one:hover::before{
			width: 100%;
			height: 100%;
		    box-sizing: border-box;
			content: "钓鱼岛是中国的";
			text-align: center;
			border: 50px #FF0000 solid;
			color: red;
			position: absolute;
			font-size: 30px;
			border-image: url(../img/china.png) 50 50 50 50 repeat;
		
		}
		</style>
	</head>
	<body>
		<div class="one">
			<img src="../img/fish.jpg" " >
		</div>
	</body>
</html>
